{% extends "base2.html" %}

{% block conteudo %}

<div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <form action="" method="get">
            <div class="form-group">
                <div class="input-group input-group-md" style="width: 200px;">
                    <span class="input-group-addon">Mesa</span>                
                    <input class="form-control" type="number" name="id" required autocomplete="off" autofocus placeholder="Número" min="1" max="{{ mesas.count }}" />
    
                    <div class="input-group-btn">
                        <button type="submit" class="btn btn-default">Ir</button>
                    </div>
                </div>
            </div>
            {% if direcionamento_mesa.proxima %}
            <input type="hidden" name="next" value="{{ direcionamento_mesa.proxima }}" />
            {% endif %}
        </form>
    </div>
</div>
    

<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
{% for mesa in mesas %}
<a style="margin: 5px 14px 5px 0" class="btn btn-large {% if mesa.estado == 1 %}btn-primary{% else %}btn-default{% endif %}" href="/?id={{ mesa.id }}{% if direcionamento_mesa.proxima %}&next={{ direcionamento_mesa.proxima }}{% endif %}" {% if mesa.estado != 1 %}onclick="return confirm('Confirmar abrir novo pedido em {{ mesa }}?');"{% endif %}>{{ mesa }}</a> 
{% endfor %}
</div>
</div>

{% endblock %}

